<template>
<!-- #ifndef H5 -->


  <view class="demo-skeleton">
        <skeleton
          :loading="loading"
          :avatarSize="skeleton1.avatarSize"
          :row="skeleton1.row"
          :imgTitle="true"
        >
		<!-- #endif -->
          <view >我是段落1</view>
		  <!-- #ifndef H5 -->
        </skeleton>
	<!-- #endif -->
	
	<!-- #ifdef MP-WEIXIN -->
	
	
        <skeleton
          :loading="loading"
          :avatarSize="skeleton1.avatarSize"
          :nameRow="5"
          flexType="space-between"
        >
          <view >我是段落2</view>
        </skeleton>

        <skeleton
          :loading="loading"
          :avatarSize="skeleton1.avatarSize"
          :nameRow="5"
            avatarShape="square"
            flexType="space-between"
        >
          <view class="section-content">我是段落3</view>
        </skeleton>

    <skeleton
      :loading="loading"
      :avatarSize="skeleton1.avatarSize"
      :row="skeleton1.row"
      :showTitle="true"
    >
      <view class="section-content">我是段落4</view>
    </skeleton>

    <skeleton
      :loading="loading"
      :row="skeleton2.row"
      :showAvatar="skeleton2.showAvatar"
      :showTitle="true"
        avatarSize="false" 
    >
      <view>我是段落5</view>
    </skeleton>
  </view>
  <!-- #endif -->
</template>

<script>
	import Skeleton from '../../components/J-skeleton/J-skeleton.vue'
	export default {
	  components: {
	    Skeleton
	  },
	  data() {
	    return {
	      loading: true,
	      skeleton1 : {
	        avatarSize: '52px',
	        row: 3,
	        showTitle: true,
	      }
	    }
	  },
	  created() {
	    this.reloadData()
	  },
	  methods: {
	    reloadData() {
	      this.loading = true
	      setTimeout(() => {
	        this.loading = false
	      }, 3000)
	    },
	  },
	}
	
</script>